import Vue from 'vue'

Vue.directive('permission',{
  inserted:function (el, binding) {
    const { value:menuRoles } = binding // 当前菜单节点绑定的角色
    // console.log(menuRoles)
    const userRoles = JSON.parse(sessionStorage.getItem('role')) // 用户的角色
    if(Array.isArray(menuRoles) && menuRoles.length>0){ // 菜单角色必须得是不为空的数组
      const hasPermission = userRoles.some(role=>menuRoles.includes(role))
      if(!hasPermission){// 如果不存在权限则删除节点
        el.parentNode && el.parentNode.removeChild(el)
      }
    }else{
      throw new Error('v-permission is like ["admin","user"]')
    }
  }
})
